.coupon-box {
    padding: 20rpx;

    .coupons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20rpx 60rpx 54rpx;
        font-size: 32rpx;
        color: #333333;
        font-weight: 600;

        .active {
            color: #F1AF86;
            position: relative;
        }

        .active::after {
            content: '';
            position: absolute;
            bottom: -20rpx;
            left: 0;
            width: 100%;
            height: 6rpx;
            border-radius: 6rpx;
            background: #F1AF86;
        }
    }


}